﻿/*reset html*/
html{color:#000;background:#FFF;}body,div{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}
q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:Tahoma;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/*backup reset html
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,object,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}
q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
*/
/*common #AAFFEE*/
.rowStyle:hover 
        {            
        	background-color:#e4e4e3;
        	cursor:auto;
        }
html, body
{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.35em;
color: #000;
}
ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}
a:link,
a:visited
{
color: #006699;
text-decoration: none !important;
}
a:hover
{
color: #dd4807;
}
.clrfix
{
clear:both;
height: 0;
line-height:0;
}
/*------------------------------------------------------*/
/*wrapper, wrapperin*/
#wrapper
{
height: 100%;
width: 100%;
text-align:center;
}
#wrapperin
{
width: 1104px;
margin: 0 auto;
text-align:left;
}

/* banner */
#topbanner
{
padding-top:5px;
height:26px;
background: #EAE8E8 url(../images/web/quicklink_bg.gif) repeat-x center;
border-bottom:1px solid blue;
}
.leftbanner
{
float: left;
width: 575px;
}
.lefttitle
{
width: 260px;
font-size:20px;
font-weight:bold;
float: left;
margin-right: 15px;
}
.lefttime
{
width: 300px;
float: left;
}
.rightbanner
{
position:relative;
width: 525px;
float: right;
text-align:right;
}

/*mainbody*/
#mainbody
{
margin-top:2px;
}

.leftmaincol
{
float: left;
width: 185px;
}
.rightmaincol
{
width: 915px;
float: right;
}
#colstatistics
{
   padding-top:20px;
   width:680px;
   float:left;        
}
#colnotice
{
   padding-top:20px;
   width:232px;
   float:right;   
}
#footer
{
    border-top:1px dotted #e4e4e3;
    height:30px;
}
#fleft
{
    text-align:right; 
    padding:10px 10px 0px 10px;    
}
/*menu left accordion */
.lmenu_bottom {
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}
.lmenu_top {
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}
.urbangreymenu {
    border-radius: 3px 3px 3px 3px;
}
.urbangreymenu .headerbar {
    background: url("../images/static/left-menu-level1.gif") repeat-x scroll 0 0 #094791;
    color: white;
    font: 13px arial;
    margin-bottom: 0;
    margin-top: 0;
    padding: 6px 0 7px 9px;
}
.urbangreymenu .headerbar a {
    color: white;
    display: block;
    font-weight: bold;
    text-decoration: none;
}
.urbangreymenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.urbangreymenu ul li {
    position: relative;
}
.urbangreymenu ul li a:link, .urbangreymenu ul li a:visited {
    background: none repeat scroll 0 0 #C2CDD4;
    border-bottom: 1px dotted #B0BAC0;
    display: block;
    font: 13px/13px Arial;
    padding: 3px 0 4px 12px;
    text-decoration: none;
}
.urbangreymenu ul li a:visited {
}
.urbangreymenu ul li a:hover {
    background: none repeat scroll 0 0 #D2DDF4;
    color: #000000;
}
.urbangreymenu .end {
    border-bottom: medium none;
}
li .submenu1, li .submenu1 li .submenu2 {
    border: 1px solid #CCCCCC;
    display: none;
    margin-left: 180px;
    position: absolute;
    top: 0;
    width: 180px;
}
li .submenu1 li:hover .submenu2, li:hover .submenu1 {
    display: block;
}
#managecontent
{
    width:912px;    
}
#managecontent_title
{
}
#managecontent_feature2
{
	width:450px;
	float:left;
}
#managecontent_search2
{
	width:450px;
	float:right;
	text-align:right;
}
#managecontent_feature
{
	width:220px;
	float:left;
}
#managecontent_search
{
	
	float:right;
	text-align:right;
	padding-bottom: 15px;
}
/*format form add-edit-view*/
.classtable{ width:100%; }
.classcolleft{
    width:150px;
    text-align:right;
    color:#666666;
    font-weight:bold;
    padding-right:5px;
    }
.classcolright
{
    line-height:2;
    }
.classtitle
{
    padding:5px 0 4px 150px;
    background-color:#e4e4e3;
    font-size:16px;
    font-family:Tahoma;
    }
.classmessage{
    padding-left:150px;
    font-size:12px;
    color:Red;}
.classtextsort{
    text-align:right;}
/**/
.requitevalue
{
    font-size:12px;
    font-style:italic;
    color:Red;   
}
.clsnotices
{
    background: url("../images/icons/icon_wanning.jpg") 150px 0 no-repeat;
    margin: 0 0 2px 0;   
    padding-left:166px;
    font-size:12px;
    color:#2d3e5b;
}
.clsprice
{
    text-align:right;
    width:120px;    
}
.clscountviews
{
    width:60px;
    }
.clsunitprice
{
    padding-left:5px;   
}
.clscattitle
{
    color:Red;
    font-weight:bold;    
}
#divspace
{
    padding: 10px 0; 
}
#wrapperfilter
{
    margin-top:20px;
    width: 800px;
    margin: 0;
    text-align:left;  
}
#leftfilter
{
    margin:0;
    border:1px dotted #e4e4e3;
    width:290px;
    float:left;
    overflow:auto;
    max-height:460px; 
}
#rightfilter
{
    margin:0;
    border:1px dotted #e4e4e3;
    width:500px;
    float:right;
}
.clstitlefilter
{
    padding-left:10px;
    margin-top:0px;
    background-color:#F7F7F7;
    font-size:14px;
    font-family:Tahoma;
}
.clsmessagefilter{
    padding-left:20px;
    font-size:12px;
    color:Red;
}
.clsviewitemfilter
{
    
}
.clsfilter
{
    margin-top:20px;
}
.clsloadingprogress
{
    color:Red;
    font-size:12px;
    font-style:inherit;
    text-align:center;
}
/**************************Information User Menu*************************/
.menu_class 
{
	padding:0px 2px;
	margin-bottom: -4px;
}
.the_menu 
{
    position:absolute;
    right:130px;
    z-index:999;
	display:none;
	width:140px;
	border: 1px solid #1c1c1c;
}

.the_menu li {
	background-color: #031E1D;
	text-align:left;
}

.the_menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:2px; 
	display:block;
}

.the_menu li a:hover {
	padding:2px;
	font-weight:bold;
	color: #F00880;
}
/**********************Hidden Button**************/
.clsHiddenButton
{
    display:none;    
}
/****************Hidden Menu Feature*************/
.featurehidden
{
 display:none; 
 height:0px;
 width:0px;  
 color:#FFF;
 background-color:#FFF;
 border:none;
}
/***************Info Deny******************/
#clsdenywrapper
{
    padding-top:50px;  
}
.clsinfodeny
{
    font-size:18px;
    font-weight:bold;
    color:Red;  
}
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/icons/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/icons/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/icons/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/icons/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/* tooltip */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #999;
padding: 10px;
background-color: #fff;
visibility: hidden;
z-index: 100;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
-webkit-box-shadow: 5px 5px 5px 0px #ccc;
-moz-box-shadow: 5px 5px 5px 0px #ccc;
box-shadow: 5px 5px 5px 0px #ccc;
behavior: url(ie-css3.htc);
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=#ccc,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.carttable {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    width: 100%;
}

.totalsum {
    padding-right: 86px;
    text-align: right;
}.carttable {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    width: 100%;
}
.carttable th {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #000000;
    font-weight: bold;
    padding: 5px;
}
.carttable th, .carttable td {
    border-left: 1px solid #CCCCCC;
    padding: 4px 5px;
    
}
.carttable tr.odd td, .carttable tr.even td {
    border-bottom: 1px solid #CCCCCC;
}
.carttable td.stt {
    text-align: left;
    width: 3%;
}
.carttable td.name {
}
.carttable td.sl {
    width: 10%;
}
.carttable td.function {
    text-align: center;
    width: 10%;
}
.slinput {
    width: 45px;
}
.carttable th.price, .carttable td.price, .carttable th.total, .carttable td.total {
    color: #000000;
    text-align: right;
    width: 13%;
}
.carttable tr.odd {
    background: none repeat scroll 0 0 #F2F2F2;
}
.carttable tr.even {
    background: none repeat scroll 0 0 #FFFFFF;
}
.totalsum {
    background: none repeat scroll 0 0 #F2F2F2;
    color: #E3136B;
    font-size: 13px;
    font-weight: bold;
    padding: 10px !important;
    text-align: right;
}
